<template>
  <div>
    测试 MyMixins

    参考地址 ： https://blog.csdn.net/Share_Li_98/article/details/125987983
    
    <br/>

    <el-button @click="test1"> test1 </el-button>
    <el-button @click="test2"> test2 </el-button>

    <el-button @click="testm1"> testm1 </el-button>
    <el-button @click="testm2"> testm2 </el-button>

    <el-button @click="getAge1"> getAge1 </el-button>

    <el-button @click="getAge21"> getAge21 +1 -&gt; getAge2</el-button>

  </div>
</template>
<script>

import mixins2 from "@/test/mixins/mixins2.js";

import { tempMixins } from "@/test/mixins/tempMixins.js";

import { myMixins } from "@/test/mixins/myMixins.js";

export default {
  mixins: [tempMixins, mixins2, myMixins],
  name: "MyMixins",
  props: {},
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    getAge21(){
      this.age++;
      this.getAge2();
    },
  },
  beforeMount() {},
};
</script>
<style scoped></style>
